import React from 'react'
import {HashRouter,Switch,Route,Link} from 'react-router-dom'
import Team from './components/Team'
import Student from './components/Student'
import Teacher from './components/Teacher'

class About extends React.Component{
    render(){
        return(
            <HashRouter>
                <div>
                    <ul>
                        <li>
                            <Link to="/about">团队</Link>
                        </li>
                        <li>
                            <Link to="/about/student">学生</Link>
                        </li>
                        <li>
                            <Link to="/about/teacher">老师</Link>
                        </li>
                    </ul>
                    <Switch>
                        <Route path="/about" component={Team}/>
                        <Route path="/about/student" component={Student}/>
                        <Route path="/about/teacher" component={Teacher}/>
                    </Switch> 
                </div>
            </HashRouter>
        )
    }
}
export default About